<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>鲁班商城</title>
		<link rel="stylesheet" href="css/common.css" />
		<link rel="stylesheet" type="text/css" href="css/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="css/index.css" />
	</head>

	<body>
		<!--头部-->
		<div class="header">
			<!--头部顶部-->
			<div class="headertop">
				<div class="center">
					<!--顶部左边-->
					<div class="left">
						<ul class="clearfix">
							<li>
								<a href="registered.html">注册</a>
							</li>
							<li>
								<a href="nologinpay.html">登录</a>
							</li>
							<li>
								<a href="viplogin.html">VIP登录</a>
							</li>
						</ul>
					</div>
					<!--顶部右边-->
					<div class="right">
						<ul>
							<li>
								<a href="PayM.html">商家入驻</a>
							</li>
							<li>
								<a href="#">我的订单</a>
							</li>
							<li>
								<a href="My car.html"><i class="iconfont icon-cart"></i><em>(0)</em></a>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<!--头部中间部分==logo+搜索栏-->
			<div class="headercenter">
				<div class="center">


					<!--logo-->
					<div class="logo">
						<ul class="logo3d">
							<li class="front">
								<a href="index.html">
									<img src="img/logo.jpg" alt="logo图标" />
								</a>
							</li>
							<li class="back">
								<a href="index.html">
									<img src="img/logo.jpg" alt="logo图标" />
								</a>
							</li>
						</ul>
						<ul class="logo3d">
							<li class="left">
								<a href="index.html">
									<img src="img/logo.jpg" alt="logo图标" />
								</a>
							</li>
							<li class="right">
								<a href="index.html">
									<img src="img/logo.jpg" alt="logo图标" />
								</a>
							</li>
						</ul>
					</div>
					<!--搜索栏-->
					<div class="search">
						<form action="" class="clearfix">
							<input type="search" name="search" placeholder="search" />
							<button><i class="iconfont icon-search3"></i></button>
						</form>
					</div>
				</div>
			</div>

			<!--头部最后--导航栏部分-->
			<div class="headerbottom">
				<div class="nav">
					<ul class="clearfix">
						<li>
							<a href="My car.html">木工</a>
							<!--经过导航栏弹出详细导航-->
							<div class="navigation" id="navwidth">
								<div class="centent clearfix">
									<div class="listing1 fl">
										<ul class="fl">
											<li>板材</li>
											<li>装饰面板</li>
											<li>宝丽版</li>
											<li>三聚氰胺版</li>
											<li>铝朔版</li>
											<li>多层版</li>
											<li>中纤版</li>
											<li>细木工板</li>
											<li>刨花版</li>
										</ul>
										<ul class="fl">
											<li>欧松板</li>
											<li>防火板</li>
											<li>密度板</li>
											<li>其他板材</li>
										</ul>
									</div>
									<div class="listing2 fl">
										<ul>
											<li>地板</li>
											<li>实木地板</li>
											<li>实木复合地板</li>
											<li>强化复合地板</li>
											<li>竹地板</li>
											<li>软木地板</li>
											<li>塑料地板</li>
											<li>PVC地板</li>
											<li>其他地板</li>
										</ul>
									</div>
									<div class="listing3 fl">
										<ul class="fl">
											<li>木线</li>
											<li>普通龙骨</li>
											<li>精品龙骨</li>
											<li>顶线</li>
											<li>门线</li>
											<li>角线</li>
											<li>木方线</li>
											<li>收口线</li>
											<li>花木线</li>
										</ul>
										<ul>
											<li>踢脚线</li>
											<li>定制木线</li>
											<li>其它木线</li>
										</ul>
									</div>
									<div class="listing4 fl">
										<ul class="fl">
											<li>地板配件</li>
											<li>地板钉</li>
											<li>扣条</li>
											<li>地垫</li>
											<li>地板蜡</li>
											<li>地板清洁剂</li>
											<li>底板防水油</li>
											<li>地板修补剂</li>
											<li>甲醇清除剂</li>
										</ul>
										<ul>
											<li>地板安装工具</li>
											<li>其他地板配件 </li>
										</ul>
									</div>
									<div class="listing5 fl">
										<ul>
											<li>吊顶钢龙骨</li>
											<li>吊筋</li>
											<li>吊钢</li>
											<li>轻钢龙骨</li>
											<li>扣板龙骨</li>
											<li>铝合金龙骨</li>
											<li>其它吊件</li>
										</ul>
									</div>
									<div class="listing6 fl">
										<ul class="fl">
											<li>木工类五金</li>
											<li>拉手</li>
											<li>锁</li>
											<li>合页</li>
											<li>铰链</li>
											<li>插销</li>
											<li>门夹</li>
											<li>碰珠</li>
											<li>脚轮</li>
										</ul>
										<ul class="fl">
											<li>闭门器</li>
											<li>地弹簧</li>
											<li>吊轮</li>
											<li>导轨</li>
											<li>螺栓</li>
											<li>钉</li>
											<li>角码</li>
											<li>螺母</li>
										</ul>
										<ul class="fl">
											<li>围网</li>
											<li>其他木工五金</li>
										</ul>
									</div>
								</div>
							</div>
						</li>
						<li>
							<a href="address.html">水泥工</a>
						</li>
						<li>
							<a href="affirm.html">油漆工</a>
						</li>
						<li>
							<a href="detail.html">水电工</a>
						</li>
						<li>
							<a href="play.html">门窗/其他</a>
						</li>
						<li>
							<a href="fenlei.html">装修工具</a>
						</li>
						<li>
							<a href="sousuo.html">消防材料</a>
						</li>
						<li>
							<a href="PayM.html">建筑防护</a>
						</li>
						<li>
							<a href="Car.html">精细化学品</a>
						</li>
						<li>
							<a href="Information.html">定制/非标准</a>
						</li>
					</ul>
				</div>
			</div>
		</div>


		<!--右侧边栏-->
		<div class="rightsidebar" id="sidebar">
			<!--右侧边栏--上半部分-->
			<div class="top">
				<ul>
					<li>
						<a href="#"><i class="iconfont icon-zhanghao"></i>
							<p>账号</p>
						</a>
					</li>
					<li>
						<a href="#"><i class="iconfont icon-aixin"></i>
							<p>品牌</p>
						</a>
					</li>
					<li>
						<a href="#"><i class="iconfont icon-wujiaoxing"></i>
							<p>收藏</p>
						</a>
					</li>
					<li>
						<a href="#"><i class="iconfont icon-lishi"></i>
							<p>浏览</p>
						</a>
					</li>
					<li>
						<a href="#"><i class="iconfont icon-ShoppingCart"></i>
							<p>购物车<em>(0)</em></p>
						</a>
					</li>
				</ul>
			</div>
			<!--右侧边栏----下半部分-->
			<div class="bottom">
				<ul>
					<li>
						<a href="#"><i class="iconfont icon-fankui"></i>
							<p>反馈</p>
						</a>
					</li>
					<li>
						<a href="#"><i class="iconfont icon-shang"></i>
							<p>Top</p>
						</a>
					</li>
				</ul>
			</div>
		</div>
		<!--让固定的侧边栏高度等于浏览器窗口高度-->
		<!-- <script type="text/javascript">
			var sidebar = document.getElementById("sidebar");
			var h = window.innerHeight;
			sidebar.style.height = h + "px";
		</script> -->



		<!--轮播图-->
		<div class="banner" id="banner">
			<ul class="clearfix">
				<li><img src="img/banner.jpg" alt="轮播图" /></li>
				<!-- <li><img src="img/banner.jpg" alt="轮播图" /></li>
				<li><img src="img/banner.jpg" alt="轮播图" /></li>
				<li><img src="img/banner.jpg" alt="轮播图" /></li>
				<li><img src="img/banner.jpg" alt="轮播图" /></li> -->
			</ul>
			<ol></ol>
		</div>
		
		
		
		<!--首页内容-->

		<div class="content">
			<!--居中-->
			<div class="web">

				<!--第一层图片-->
				<div class="contentone">
					<ul class="clearfix">
						<li>
							<a href="#"><img src="img/advisement3.png" alt="广告图" /></a>
							<div class="adword">
								<h2>主标题</h2>
								<hr />
								<p>副标题</p>
								<a href="#">立即抢购&gt;&gt;</a>
							</div>
						</li>
						<li>
							<a href="#"><img src="img/advisement2.png" alt="广告图" /></a>
							<div class="adword">
								<h2>主标题</h2>
								<hr />
								<p>副标题</p>
								<a href="#">立即抢购&gt;&gt;</a>
							</div>
						</li>
						<li>
							<a href="#"><img src="img/advisement1.png" alt="广告图" /></a>
							<div class="adword">
								<h2>主标题</h2>
								<hr />
								<p>副标题</p>
								<a href="#">立即抢购&gt;&gt;</a>
							</div>
						</li>
					</ul>
				</div>

				<!--第二层图片-->
				<div class="contenttwo">
					<ul class="clearfix">
						<li>
							<a href="#"><img src="img/brand-pic1.png" alt="图片1" /></a><span>高仪</span></li>
						<li>
							<a href="#"><img src="img/brand-pic1.png" alt="图片2" /></a><span>高仪</span></li>
						<li>
							<a href="#"><img src="img/brand-pic1.png" alt="图片3" /></a><span>高仪</span></li>
						<li>
							<a href="#"><img src="img/brand-pic1.png" alt="图片4" /></a><span>高仪</span></li>
						<li>
							<a href="#"><img src="img/brand-pic1.png" alt="图片5" /></a><span>高仪</span></li>
						<li>
							<a href="#"><img src="img/brand-pic1.png" alt="图片6" /></a><span>高仪</span></li>
						<li>
							<a href="#"><img src="img/brand-pic1.png" alt="图片7" /></a><span>高仪</span></li>
						<li>
							<a href="#"><img src="img/brand-pic1.png" alt="图片8" /></a><span>高仪</span></li>
						<li>
							<a href="#"><img src="img/brand-pic1.png" alt="图片9" /></a><span>高仪</span></li>
						<li>
							<a href="#"><img src="img/brand-pic2.png" alt="图片10" /></a><span>换一批</span></li>
					</ul>
				</div>

				<!--第三层图片-->
				<div class="contentthree clearfix">
					<div class="left">
						<ul class="clearfix">
							<li>
								<a href="#">
									<img src="img/pic1.png" alt="图片" />
									<h5>主标题主标题</h5>
									<h6>副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题</h6>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="img/pic2.png" alt="图片" />
									<h5>主标题主标题</h5>
									<h6>副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题</h6>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="img/pic3.png" alt="图片" />
									<h5>主标题主标题</h5>
									<h6>副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题</h6>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="img/pic5.png" alt="图片" />
									<h5>主标题主标题</h5>
									<h6>副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题</h6>
								</a>
							</li>
						</ul>
					</div>
					<div class="right">
						<ul class="clearfix">
							<li>
								<a href="#">
									<img src="img/pic4.png" alt="图片" />
									<h5>主标题主标题</h5>
									<h6>副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题</h6>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="img/pic8.png" alt="图片" />
									<h5>主标题主标题</h5>
									<h6>副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题</h6>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="img/pic6.png" alt="图片" />
									<h5>主标题主标题</h5>
									<h6>副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题</h6>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="img/pic7.png" alt="图片" />
									<h5>主标题主标题</h5>
									<h6>副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题</h6>
								</a>
							</li>
						</ul>
					</div>
				</div>

				<!--第四层图片-->
				<div class="contentfour">
					<img src="img/middle-banner.png" />
				</div>

				<!--第五层图片-->
				<div class="contentfive">
					<div class="header clearfix">
						<h4>商品楼层一</h4>
						<h5>Commodity floor one</h5>
						<ul class="clearfix">
							<li>
								<a href="#">地砖</a>
							</li>
							<li>
								<a href="#">地板配件</a>
							</li>
							<li>
								<a href="#">木线</a>
							</li>
							<li>
								<a href="#">地板</a>
							</li>
							<li>
								<a href="#">地砖</a>
							</li>
							<li>
								<a href="#">地板配件</a>
							</li>
							<li>
								<a href="#">木线</a>
							</li>
							<li>
								<a href="#">地板</a>
							</li>
							<li>
								<a href="#">地砖</a>
							</li>
							<li>
								<a href="#">地板配件</a>
							</li>
							<li>
								<a href="#">木线</a>
							</li>
							<li>
								<a href="#">地板</a>
							</li>
							<li>
								<a href="#">地砖</a>
							</li>
							<li>
								<a href="#">地板配件</a>
							</li>
							<li>
								<a href="#">木线</a>
							</li>
							<li>
								<a href="#">地板</a>
							</li>
						</ul>
					</div>
					<div class="body clearfix">
						<div class="left">
							<img src="img/floor1-00.png" />
							<a href="#">促销广告文案如满199减100&gt;</a>
							<h4>品质家装会场</h4>
							<p>买就送豪礼</p>
						</div>
						<div class="right">
							<ul class="clearfix">
								<li>
									<a href="#">
										<h5>主标题主标题</h5>
										<h6>副标题副标题</h6>
										<div class="pic">
											<img src="img/floor1-01.png" />
										</div>
									</a>
								</li>
								<li>
									<a href="#">
										<h5>主标题主标题</h5>
										<h6>副标题副标题</h6>
										<div class="pic">
											<img src="img/floor1-02.png" />
										</div>
									</a>
								</li>
								<li>
									<a href="#">
										<h5>主标题主标题</h5>
										<h6>副标题副标题</h6>
										<div class="pic">
											<img src="img/floor1-03.png" />
										</div>
									</a>
								</li>
								<li>
									<a href="#">
										<h5>主标题主标题</h5>
										<h6>副标题副标题</h6>
										<div class="pic">
											<img src="img/floor1-04.png" />
										</div>
									</a>
								</li>
								<li>
									<a href="#">
										<h5>主标题主标题</h5>
										<h6>副标题副标题</h6>
										<div class="pic">
											<img src="img/floor1-05.png" />
										</div>
									</a>
								</li>
								<li>
									<a href="#">
										<h5>主标题主标题</h5>
										<h6>副标题副标题</h6>
										<div class="pic">
											<img src="img/floor1-05.png" />
										</div>
									</a>
								</li>
								<li>
									<a href="#">
										<h5>主标题主标题</h5>
										<h6>副标题副标题</h6>
										<div class="pic">
											<img src="img/floor1-05.png" />
										</div>
									</a>
								</li>
								<li>
									<a href="#">
										<h5>主标题主标题</h5>
										<h6>副标题副标题</h6>
										<div class="pic">
											<img src="img/floor1-05.png" />
										</div>
									</a>
								</li>
							</ul>
						</div>
					</div>
				</div>

				<!--第六层图片-->
				<div class="contentsix">
					<div class="header clearfix">
						<h4>商品楼层二</h4>
						<h5>Commodity floor two</h5>
						<ul class="clearfix">
							<li>
								<a href="#">地砖</a>
							</li>
							<li>
								<a href="#">地板配件</a>
							</li>
							<li>
								<a href="#">木线</a>
							</li>
							<li>
								<a href="#">地板</a>
							</li>
							<li>
								<a href="#">地砖</a>
							</li>
							<li>
								<a href="#">地板配件</a>
							</li>
							<li>
								<a href="#">木线</a>
							</li>
							<li>
								<a href="#">地板</a>
							</li>
							<li>
								<a href="#">地砖</a>
							</li>
							<li>
								<a href="#">地板配件</a>
							</li>
							<li>
								<a href="#">木线</a>
							</li>
							<li>
								<a href="#">地板</a>
							</li>
							<li>
								<a href="#">地砖</a>
							</li>
							<li>
								<a href="#">地板配件</a>
							</li>
							<li>
								<a href="#">木线</a>
							</li>
							<li>
								<a href="#">地板</a>
							</li>
						</ul>
					</div>
					<div class="body clearfix">
						<div class="left">
							<img src="img/floor2-00.png" />
							<a href="#">促销广告文案如满199减100&gt;</a>
							<h4>品质家装会场</h4>
							<p>买就送豪礼</p>
						</div>
						<div class="right">
							<ul class="clearfix">
								<li>
									<a href="#">
										<h5>主标题主标题</h5>
										<h6>副标题副标题</h6>
										<div class="pic">
											<img src="img/floor2-02.png" />
										</div>
									</a>
								</li>
								<li>
									<a href="#">
										<h5>主标题主标题</h5>
										<h6>副标题副标题</h6>
										<div class="pic">
											<img src="img/floor2-02.png" />
										</div>
									</a>
								</li>
								<li>
									<a href="#">
										<h5>主标题主标题</h5>
										<h6>副标题副标题</h6>
										<div class="pic">
											<img src="img/floor2-03.png" />
										</div>
									</a>
								</li>
								<li>
									<a href="#">
										<h5>主标题主标题</h5>
										<h6>副标题副标题</h6>
										<div class="pic">
											<img src="img/floor2-04.png" />
										</div>
									</a>
								</li>
								<li>
									<a href="#">
										<h5>主标题主标题</h5>
										<h6>副标题副标题</h6>
										<div class="pic">
											<img src="img/floor2-05.png" />
										</div>
									</a>
								</li>
								<li>
									<a href="#">
										<h5>主标题主标题</h5>
										<h6>副标题副标题</h6>
										<div class="pic">
											<img src="img/floor2-06.png" />
										</div>
									</a>
								</li>
								<li>
									<a href="#">
										<h5>主标题主标题</h5>
										<h6>副标题副标题</h6>
										<div class="pic">
											<img src="img/floor2-07.png" />
										</div>
									</a>
								</li>
								<li>
									<a href="#">
										<h5>主标题主标题</h5>
										<h6>副标题副标题</h6>
										<div class="pic">
											<img src="img/floor2-08.png" />
										</div>
									</a>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>

		</div>

		<!--底部-->
		<div class="footer">
			<div class="footer-top center">
				<ul class="clearfix">
					<li>
						<a href="#">
							<i></i>
							<dl>
								<dt>品质保障</dt>
								<dd>品质保证 购物无忧</dd>
							</dl>
						</a>
					</li>
					<li>
						<a href="#">
							<i></i>
							<dl>
								<dt>特色服务</dt>
								<dd>针对户型 私人定制</dd>
							</dl>
						</a>
					</li>
					<li>
						<a href="#">
							<i></i>
							<dl>
								<dt>全网最低</dt>
								<dd>厂家直销 低价承诺</dd>
							</dl>
						</a>
					</li>
					<li>
						<a href="#">
							<i></i>
							<dl>
								<dt>帮助中心</dt>
								<dd>您的购物指南</dd>
							</dl>
						</a>
					</li>
				</ul>
			</div>
			<div class="footer-center center clearfix">
				<dl>
					<dt>新手指南</dt>
					<dd>
						<a href="#">新手指南</a>
					</dd>
					<dd>
						<a href="#">购物流程</a>
					</dd>
				</dl>
				<dl>
					<dt>支付方式</dt>
					<dd>
						<a href="#">支付宝</a>
					</dd>
					<dd>
						<a href="#">微信支付</a>
					</dd>
				</dl>
				<dl>
					<dt>物流配送</dt>
					<dd>
						<a href="#">配送方式</a>
					</dd>
					<dd>
						<a href="#">服务流程</a>
					</dd>
				</dl>
				<dl>
					<dt>客服中心</dt>
					<dd>
						<a href="#">在线客服</a>
					</dd>
					<dd>
						<a href="#">常见问题</a>
					</dd>
				</dl>
				<dl>
					<dd>扫一扫,关注鲁班兄弟</dd>
					<img src="img/erweima.jpg" alt="" />
				</dl>
			</div>
			<div class="footer-bottom">
				<ul class="clearfix center">
					<li>Copyright © 2015-2016 QDTG. All rights reserved. 鲁班兄弟 粤ICP16035</li>
					<li>
						<a href="#">关于我们</a>
					</li>
					<li>
						<a href="#">联系我们</a>
					</li>
					<li>
						<a href="#">法律声明</a>
					</li>
				</ul>
			</div>
		</div>
	</body>

</html>